@import '~styles/config.scss';




.container {
    width   : 100%;
    height  : 100%;
    position: relative;



    display: flex;
}

.show {
    flex  : auto;
    height: 100%;

    &::after {
        width     : 100%;
        height    : 100%;
        position  : absolute;
        top       : 0px;
        left      : 0px;
        background: rgba(0, 0, 0, 0.7);
        content   : "";
    }

}

.main {
    
    flex           : none;
    z-index        : 2;
    height         : 100%;
    padding        : 30px;
    box-sizing     : border-box;
    z-index        : 1;
    background     : #fff;
    display        : flex;
    justify-content: center;
    align-items    : center;
    padding:0px 50px;

    .box {
        width          : 360px;
    }

    .form {
        width   : 100%;
        position: relative;
        z-index : 1;

        //background-color: hsla(0,0%,96%,.88);
    }

    .wrap {
        border-radius   : 10px;
        // padding      : 10px 15px;

        height: 350px;
    }


    .sub {
        padding: 10px 0px;
    }



    .t2 {
        width         : 100%;
        line-height   : 30px;
        padding-bottom: 30px;
    }

    .biao {
        position       : absolute;
        bottom         : 0px;
        left           : 0px;
        width          : 100%;
        display        : flex;
        flex-direction : row;
        flex-wrap      : wrap;
        justify-content: center;
        align-items    : center;
        height         : 50px;
        opacity        : .5;
        font-size      : 14px;

        a {
            margin-left    : 20px;
            text-decoration: underline;
        }
    }
}